<div class="footer">
  <div class="foot w1100">
    <div class="block">
      <h3 class="footer-title">前端相关资源网站</h3>
      <p class="info">
        <a href="http://www.qianduandaxue.com/">前端大学</a>/
        <a href="https://buluo.qq.com/p/barindex.html?bid=314687">前端人生</a>/
        <a href="https://segmentfault.com/">segmentfault技术问答</a>/
        <a href="https://shixian.com/">网上预约前端工作</a>/
        <a href="http://qianduanfan.com/">前端范</a>/
        <a href="http://www.htmleaf.com/">jQuery之家</a>/
        <a href="http://javascript.ruanyifeng.com/">JavaScript 标准参考教程</a>/
        <a href="http://www.superslide2.com/">SuperSlide</a>/
        <a href="http://layer.layui.com/">Layer</a>/
        <a href="http://jquery.cuishifeng.cn/">jQuery API 速查</a>/
        <a href="http://www.aseoe.com/webdata/">前端开发资料库工具箱</a>/
        <a href="http://www.jobui.com/mianshiti/">IT面试题</a>/
        <a href="https://www.hcharts.cn/">js图表</a>/
        <a href="http://www.w3cplus.com/">w3cplus</a>/
        <a href="http://webres.wang/">WEB资源网</a>/
        <a href="http://www.zhaotexiao.com/">特效网</a>/
        <a href="https://toutiao.io/c/fe">前端头条</a>/
        <a href="http://mp.weixin.qq.com/wiki/home/index.html">微信公众平台开发</a>/
        <a href="https://d3js.org/">D3.js</a>/
        <a href="http://naltatis.github.io/jade-syntax-docs/">jade edit</a>/
        <a href="http://www.5iweb.com.cn/">网页特效库</a>/
        <a href="http://www.runoob.com/">菜鸟教程</a>/
        <a href="http://www.open-open.com/code/">OPEN代码分享</a>/ 
        <a href="http://www.w3school.com.cn/">w3school</a>/
        <a href="http://www.css88.com/book/css/">CSS参考手册</a>/
        <a href="http://www.daqianduan.com/">大前端</a>/
        <a href="http://codemirror.net/">CodeMirror</a>/
        <a href="http://nodejs.cn/api/">Node.js api文档</a>/
        <a href="http://www.alloyteam.com/">腾讯前端团队</a>/
        <a href="http://taobaofed.org/">淘宝前端团队</a>/
        <a href="https://aotu.io/">凹凸实验室</a>/
        <a href="http://blog.doyoe.com/">CSS探索之旅</a>/
        <a href="http://www.aliued.com/">阿里巴巴UED团队</a>/
        <a href="http://nqdeng.github.io/7-days-nodejs/">七天学会NodeJS</a>        
      </p>
    </div>
    <div class="block">
      <h3 class="footer-title">php相关资源网站</h3>
      <p class="info">
        <a href="http://bbs.itcast.cn/thread-25872-1-1.html">PHP教程</a>/
        <a href="http://www.php100.com/">PHP100中文网</a>/
        <a href="http://www.lampbrother.net/php/html/PHPvideo/">PHP视频下载</a>/
        <a href="http://www.thinkphp.cn/info/60.html">ThinkPHP快速入门</a>
      </p>
    </div>
    <div class="block">
      <h3 class="footer-title">magento相关资源网站</h3>
      <p class="info">
        <a href="http://www.moqifei.com/archives/1100">Magento入门</a>/
        <a href="http://stefan321.iteye.com/blog/757736">请求分发与控制器</a>/
        <a href="http://justcoding.iteye.com/blog/1584694">布局，块和模板</a>/
        <a href="http://blog.csdn.net/yuxiaoqing19871003/article/details/8891279">程序架构与流程</a>
      </p>
    </div>
    <div class="block">
      <h3 class="footer-title">数据库相关网站</h3>
      <p class="info">
        <a href="http://www.yiibai.com/mongodb/mongodb_quick_guide.html">MongoDB快速入门</a>
      </p>
    </div>
    <div class="block">
      <h3 class="footer-title">工具类网站</h3>
      <p class="info">
        <a href="https://tinypng.com/">图片压缩</a>/
        <a href="http://www.fontconverter.org/">文字转换格式</a>/
        <a href="https://smallpdf.com/cn/word-to-pdf">Word转PDF</a>/
        <a href="http://hao.uisdc.com/">设计师网址导航</a>/
        <a href="http://www.pmdaniu.com/">产品大牛</a>/
        <a href="http://koppt.cn/index">ppt神器</a>/
        <a href="https://www.tubiaoxiu.com/">图表秀</a>/
        <a href="http://imgbase64.duoshitong.com/">图片转换Base64</a>
      </p>
    </div>
  </div>
</div>